import { defineView } from "@/routers/tools.mjs";

// import "./ng-ref.effect.js"
/**
 * @type {DefineView}
 */
const NgRefView = defineView({
  template: /* HTML */ html`
    <my-toggle ng-ref="myToggle" class="affix">
      <button ng-click="myToggle.toggle()">Toggle</button>
      <div ng-show="myToggle.isOpen()">
        You are using a component in the same template to show it.
      </div>
    </my-toggle>
  `,
});

export default NgRefView;
